<div class="floatL MT10">
	<div class="rightRegisterBlock">
		<div class="floatL padL35" style="position:relative;">
			<div class="floatL width500 padT20" >
				<div style="font-size: 25px;" class="pink">欢迎注册COOLPAI</div>
			</div>
			<div class="floatL width500">
                <div class="floatL width90per padT10 padL20">
                	<form id="reg_frm" name="reg_frm" onsubmit="return validate();" method="post" action=".">
						<!-- Email -->
						<div class="floatL width20per padT10 textR">
							<h2>
								<span class="gray padR10 font14">邮箱:</span>
							</h2>
						</div>
						<div class="floatL width80per padT10" id="email_div">
							<div class="floatL padR10">
								<label for="email"></label>
								<input type="hidden" id="hidden_message" value="">
								<input name="email" type="text" value="" id="email"
									class="input"
									onblur="check_fields('email', 'email_div'), check_user_availability('email', 'email_div');"
									maxlength="80">
							</div>
						</div>
						<!-- password -->
						<div class="floatL width20per padT10 textR">
							<h2>
								<span class="gray padR10 font14">密码:</span>
							</h2>
						</div>
						<div class="floatL width80per padT10" id="password_div">
							<div class="floatL padR10">
								<label for="user_password"></label>
								<input type="password" name="before_password"
									value="" id="user_password" class="input"
									onblur="check_fields('user_password', 'password_div');">
							</div>
						</div>
						<!-- confirm password -->
						<div class="floatL width20per padT10 textR">
							<h2>
								<span class="gray padR10 font14">确认密码:</span>
							</h2>
						</div>
						<div class="floatL width80per padT10" id="con_pass_div">
							<div class="floatL padR10">
								<label for="confirm_pass"></label>
								<input type="password" name="confirm_pass" value=""
									id="confirm_pass" class="input"
									onblur="check_fields('confirm_pass', 'con_pass_div');">
							</div>
							<input type="hidden" name="data[User][referrer]" label=""
								value="" id="UserReferrer">
						</div>
						<!-- nickname -->
						<div class="floatL width20per padT10 textR">
							<h2>
								<span class="gray padR10 font14">名号:</span>
							</h2>
						</div>
						<div class="floatL width80per padT10" id="nickname_div">
							<div class="floatL padR10">
								<label for="nickname"></label>
								<input name="nickname" type="text" value=""
									id="nickname" class="input"
									onblur="check_fields('nickname', 'nickname_div');"
									maxlength="40">
							</div>
						</div>
						<!-- 服务条款 -->
						<div class="floatL width20per padT10">
							&nbsp;
						</div>
						<div class="floatL width80per padT10" style="margin-left: -5px;">
							<p class="floatL width20">
								<input type="checkbox" name="data[terms]" value="1"
									class="border-none" id="terms" 
									onclick="check_fields('terms', 'terms_div');">
								&nbsp;
							</p>
							<p class="floatL  p1 gray padT2" id="terms_div">
								我已经认真阅读并同意COOLPAI的《<a target="_blank" style="color: #369;" >使用协议</a>》。
							</p>
						</div>
						<!-- 注册按钮 -->
						<div class="floatL width20per padT10">
							&nbsp;
						</div>
						<div class="floatL width80per padT10">
							<div>
								<input id="button" type="submit" class="btn" value="注册" alt="sign up" disabled="disabled">
							</div>
						</div>				
					</form>
                </div>
            </div>
			</div>
	</div>

	<!-- 已注册 -->
	<div class="floatL" style="margin-top: 40px; margin-left: 40px;">
		<div class="floatL padT10 textR">
			>已经拥有COOLPAI帐号?
		</div>
		<div class="floatL padT10" style="padding-left: 10px;">
			<a href="/user/login" class="pink">直接登录</a>
			<br>
			<a href="reset.htm" title="Reset your password" class="pink">忘记密码了?</a>
		</div>
	</div>
</div>